<template>
    <div class="project-tools">
        <el-button-group style="margin-right: 15px;">
            <el-button icon="el-icon-s-grid"></el-button>
            <el-button icon="el-icon-s-unfold"></el-button>
        </el-button-group>

        <el-dropdown split-button  @click="handleClick" style="margin-right: 15px;">
            项目状态
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>未发布</el-dropdown-item>
                <el-dropdown-item>收集中</el-dropdown-item>
                <el-dropdown-item>已关闭</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>

        <el-input placeholder="项目名称" style="width: 200px; margin-right: 15px;" >
            <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
    </div>
</template>

<script>
    export default {
        name: "Tools",
        methods: {
            handleClick(){
                console.log('ddddd');
            }
        }
    }
</script>

<style lang="scss" scoped>
    .project-tools{
        padding: 5px 0 20px 0;
        display: flex;
        justify-items: center;
        justify-content: flex-start;
    }
</style>